<template>
    <div class="footer-nav">
        <a class="hot-line" href="tel:05923759556">
            <van-icon class-prefix="icon" name="dianhua" />
            咨询热线
        </a>
        <a class="footer-click" href="javascript:;" @click="scrollToFun">我想免费装修</a>
    </div>
</template>

<script>
    export default {
        name: "vFooter",
        data(){
            return{}
        },
        methods:{
            scrollToFun(){
                document.getElementById('m2').scrollIntoView({ block: 'start', behavior: 'smooth' })
            }
        }
    }
</script>

<style scoped>
    .footer-nav{height:48px;display:flex;position: fixed;bottom:0;z-index:100;left:0;width:100%;text-align:center;border-top:1px solid #efefef;}
    .footer-nav .hot-line{width:100px;position: relative;color:#666;padding-top:24px;font-size:12px;background:#fff;}
    .footer-nav .hot-line .icon{font-weight:bold;color:#888;position: absolute;left: 0;width:100%;top:6px;line-height:18px;}
    .footer-nav .footer-click{flex:1;line-height:48px;background:rgb(196, 155, 99);color:#fff;font-size:18px;letter-spacing:1px;}
</style>